Ext.onReady(function() {
	var simple = new Ext.FormPanel({
		baseCls : 'my-panel-no-border;x-plain',
		frame : true,
		width : 280,
		height : 150,
		layout : 'column',// 声明布局类型为column
		//renderTo : 'winLogin',// 填充到id为show的区域
		items : [{
			style :"padding-top:0px" ,
			baseCls : 'x-plain',
			xtype : 'panel',
			html : '<img src='+ctx+'/resources/images/log_004.png  width ="100" height="128"/>',
			columnWidth : .35
				// 采用比例宽度，相当于百分比，总和为1，这里相当于25%，columnWidth总和必须为1
		}, {
			columnWidth : .65,
			defaults : {
				autoFitErrors : false,
				labelSeparator : ':',
				labelWidth : 30,
				labelHeight : 60,
				labelAlign : 'left',
				width : 162,
				allowBlank : false
				//msgTarget : 'side'
			},
			baseCls : 'x-plain',
			defaultType : 'textfield',// 默认字段类型
			labelAlign : 'right',
			items : [{
						style :"padding-top:19px;margin-top:19px;" ,
						xtype : 'textfield',
						fieldLabel : '帐户',
						name : 'account',// 元素名称
						anchor : '95%',//也可用此定义自适应宽度
						allowBlank : false,// 不允许为空
						blankText : '帐户不能为空'// 错误提示内容
					}, {
						style :"padding-top:10px;margin-top:10px;" ,
						inputType : 'password',
						fieldLabel : '密码',
						anchor : '95%',
						name : 'password',
						blankText : '密码不能为空'
					}],
			buttons : [{
				text : '登陆',
				type : 'submit',
				style:'width:20px;',
				// 定义表单提交事件
				handler : function() {
					if (simple.form.isValid()) {// 验证合法后使用加载进度条
						Ext.MessageBox.show({
									title : '请稍等',
									width : 300,
									msg : '正在加载...',
									progressText : '',
									progress : true,
									closable : false,
									animEl : 'loding'
								});
						// 控制进度速度
						var f = function(v) {
							return function() {
								var i = v / 11;
								Ext.MessageBox.updateProgress(i, '');
							};
						};

						for (var i = 1; i < 13; i++) {
							setTimeout(f(i), i * 150);
						}

						// 提交到服务器操作
						simple.form.doAction('submit', {
									url : 'login.htm',// 文件路径
									method : 'post',// 提交方法post或get
									params : '',
									// 提交成功的回调函数
									success : function(form, action) {
										if (action.result.success == 'true') {
											document.location = 'main.htm';
										} else {
											Ext.Msg.alert('登陆错误',
													action.result.msg);
										}
									},
									//提交失败的回调函数
									failure : function() {
										alert("fdsfsdfsdfsd");
										Ext.Msg.alert('错误', '服务器出现错误请稍后再试！');
									}
								});
					}
				}
			}, {
					text : '取消',
					handler : function() {
						simple.form.reset();
					}//重置表单
				}]
		}]
	});
	var win = new Ext.Window({
		id : 'win',
		title : '用户登陆',
		layout : 'fit', //之前提到的布局方式fit，自适应布局 
		width : 280,
		height : 180,
		plain : true,
		bodyStyle : 'padding:5px;',
		maximizable : false,//禁止最大化
		closeAction : 'close',
		closable : false,//禁止关闭
		collapsible : true,//可折叠
		plain : true,
		buttonAlign : 'center',
		items : simple
			//将表单作为窗体元素嵌套布局
		});
	win.show();//显示窗体
});

